<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="description" content="我叫胡琦，今年24岁，是一名前端工程师,对大前端和编程技术非常热爱，目前在学核心技术方面的东西，对我有意的公司和猎头可以QQ联系我或者给我发邮件，谢谢！">
    <meta name="keywords" content="个人简历，前端工程师，移动开发，发烧哥，fashaoge">
    <title>前端小白，为掌握大牛核心技术而奋斗！</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">



    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->
</head>
<body id="page-top"  data-spy="scroll" data-target=".navbar-fixed-top">
    <!--nav-->
    <nav class="navbar navbar-top"   role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main-collapse" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#page-top"><i class="icon iconfont">&#xe604;</i>发烧哥</a>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right" id="navbar-main-collapse">
                <ul class="nav navbar-nav ">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden active">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#hesume">基本资料</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#works">项目经验</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">专业技能</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">成长经历</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#testimonials">自我评价</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">联系方式</a>
                    </li>

                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!--header banner-->
    <header class="banner">
        <div class="banner-body">
            <div class="container-fluid">
                <div class="row">
                        <div class="col-md-6 col-md-offset-3 banner-content">
                        <h1>逆<span>袭</span></h1>
                        <p class="banner-text">掌握大前端核心技术<br/>迎娶白富美走向巅峰</p>
                            <a href="#hesume" class="btn btn-circle page-scroll">
                                <i class=" icon iconfont animated">&#xe607;</i>
                            </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Hesume Section-->
    <div id="hesume" class="text-center">
        <div class="container-fluid">
            <div class="section-title center">
                <h2>基本<strong>资料</strong></h2>
                <hr/>
            </div>
            <div class="row mt20 pb40">
                <div class="col-md-3 col-sm-6 info">
                    <i class=" icon iconfont animated">&#xe60d;</i>
                    <h4><strong>个人信息</strong></h4>
                    <p>
                        姓名: 胡琦 &nbsp;性别：男<br>
                        年龄: 24岁 籍贯：湖南
                    </p>
                </div>
                <div class="col-md-3 col-sm-6 info"> <i class=" icon iconfont animated">&#xe606;</i>
                    <h4><strong>专业学历</strong></h4>
                    <p>
                        专业：环境工程<br>
                        学历：大学本科<br>
                    </p>
                </div>
                <div class="col-md-3 col-sm-6 info"><i class=" icon iconfont animated">&#xe603;</i>
                    <h4><strong>毕业学校</strong></h4>
                    <p>
                        毕业学校：湖南城市学院<br>
                        自学技能：HTML+CSS+JavaScript
                    </p>
                </div>
                <div class="col-md-3 col-sm-6 info"><i class=" icon iconfont animated">&#xe617;</i>
                    <h4><strong>联系方式</strong></h4>
                    <p>QQ：820965339<br>
                        邮箱：huqi288@gmail.com</p>
                </div>
                <a href="#hesume" class="btn btn-circle page-scroll">
                    <i class=" icon iconfont animated">&#xe607;</i>
                </a>
            </div>
        </div>
    </div>

    <!-- Skills-->
    <div id="skills">
        <div class="container">
            <div class="section-title text-center center">
                <h2><strong>专业</strong> 技能</h2>
                <hr>
            </div>
            <div class="row">
                <div class="col-md-6"> <img src="../img/about.jpg" class="img-responsive"> </div>
                <div class="col-md-6">
                    <div class="about-text">
                        <div class="padding-left"><h4><i class=" icon iconfont animated">&#xe636;</i> PC端</h4>
                            <p>熟练使用HTML/CSS技术，熟悉Javascript/jquery编程,未来将能够熟练使用angularjs，reactjs等前端框架进行模块开发，熟练的使用Ajax、Nodejs进行后台开发，了解less，sass等前端新技术</p></div>

                        <div class="padding-left"><h4><i class=" icon iconfont animated">&#xe605;</i> 移动端</h4>
                            <p>未来将熟练使用zepto.js，Cordova，HTML5+等进行移动页面的开发，熟练使用canvas进行3d效果和H5游戏的开发.</p></div>

                        <div class="padding-left"><h4><i class=" icon iconfont animated">&#xe60e;</i> 其它</h4>
                            <p>懂网站性能优化，网站百度排名和SEO优化，熟练使用Firework等切图工具，会常见的UI技巧，了解Java，php等后台语言开发.</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</body>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script type="text/javascript">
        /* fe */
        if(typeof(console)!='undefined'){
            console.log('\u6211\u53eb\u80e1\u7426\uff0c\u4eca\u5e74\u0032\u0034\u5c81\uff0c\u662f\u4e00\u540d\u524d\u7aef\u5de5\u7a0b\u5e08\u002c\u5bf9\u5927\u524d\u7aef\u548c\u7f16\u7a0b\u6280\u672f\u975e\u5e38\u70ed\u7231\uff0c\u76ee\u524d\u5728\u5b66\u6838\u5fc3\u6280\u672f\u65b9\u9762\u7684\u77e5\u8bc6\u3002\u76ee\u524d\u719f\u7ec3\u638c\u63e1\u0068\u0074\u006d\u006c\u002b\u0063\u0073\u0073\u002b\u004a\u0061\u0076\u0061\u0053\u0063\u0072\u0069\u0070\u0074\u524d\u7aef\u57fa\u7840\u77e5\u8bc6\uff0c\u719f\u7ec3\u4f7f\u7528\u0068\u0074\u006d\u006c\u0035\u002b\u0063\u0073\u0073\u0033\u7f16\u5199\u70ab\u9177\u9875\u9762\uff0c\u5bf9\u0041\u006a\u0061\u0078\u3001\u006e\u006f\u0064\u0065\u002e\u006a\u0073\u3001\u79fb\u52a8\u0077\u0065\u0062\u5f00\u53d1\u6709\u4e00\u5b9a\u7684\u4e86\u89e3\uff0c\u80fd\u591f\u719f\u7ec3\u8fd0\u7528\u6846\u67b6\u5b8c\u6210\u9875\u9762\uff0c\u5bf9\u0068\u0074\u0074\u0070\u3001\u0073\u0065\u006f\u7f51\u7edc\u57fa\u7840\u6709\u4e00\u5b9a\u6d89\u730e\uff0c\u60f3\u5728\u5e7f\u5dde\u627e\u4e00\u4efd\u524d\u7aef\u4e0e\u79fb\u52a8\u5f00\u53d1\u7684\u5de5\u4f5c\uff0c\u5bf9\u6211\u6709\u610f\u7684\u516c\u53f8\u548c\u730e\u5934\u53ef\u4ee5\u0051\u0051\u8054\u7cfb\u6211\u6216\u8005\u7ed9\u6211\u53d1\u90ae\u4ef6\uff0c\u0051\u0051\uff1a\u0038\u0032\u0030\u0039\u0036\u0035\u0033\u0033\u0039\uff0c\u0065\u006d\u0061\u0069\u006c\uff1a\u0068\u0075\u0071\u0069\u0032\u0038\u0038\u0040\u0067\u006d\u0061\u0069\u006c\u002e\u0063\u006f\u006d\uff0c\u8c22\u8c22\uff01\u000d\u000a\u0020\u0020\u0020\u0020');
        }
    </script>
</html>